angular 4 sidebar

;/mat-dialog-actions > Step 4:closing the Dialog and implementing Action ButtonsThe MatDialogRef provides a reference of the opened dialog. This reference can is used to close the dialog and also to notify the calling component when the dialog gets closed. Any component created via MatDialog can inject the reference and use it to perform the previously mentionned operations MatDialogRef .Now let ' s implement the Close button. First imp

'; import {toastrservice, Toast} from' Ngx-toastr '; Import * as Raven from ' Raven-js '; @Injectable () Export class Apperrorhandler implements ErrorHandler {constructor (private injector:injector, Private Ngzone:ngzone) {} private Get Toastr (): toastrservice {return This. Injector.get (Toastrservice); } handleError (Error:any):void{ raven.captureexception (error); This. Ngzone.run (() = { This. Toastr.error (' An error has occurred '); }); }}Back to the browser error

Angular HTTP is to get and save data. The main purpose is to fetch data from my JSON file. Directly on the code bar:1. First introduce the Promise mode: (direct code)Heroes.json: 12345678 { NBSP;NBSP; "data" : [ NBSP;NBSP;NBSP;NBSP; {"id": 1, "name": " Windstorm "}, NBSP;NBSP;NBSP;NBSP; {" id ": 2," Name ":" Bombasto "}, NBSP;NBSP;NBSP;NBSP; {" ID ": 3," "Name": "Magneta"}, NBSP;NBSP;NBSP;NBSP; {"id":

Angular 4.x NgIf usage, angularngif NgIf instructions The ngIf command is used to render then or else template content at a specified position based on the expression value. The then template is an inline template associated with the ngIf command by default unless it is bound to different values. The else template is null by default unless it is bound with the corresponding value. NgIf instruction syn

: { provide:translateloader, usefactory: (Createtranslateloader), deps: [Http] } }),Implementing AOT Compilationfunction Createtranslateloader (http:http) { returnnew translatehttploader (HTTP, './assets/ i18n/', '. JSON ');}Translatehttploader loading "/assets/i18n/[lang].json" file, [lang] for language file nameTranslateServiceImport {Component} from ' @angular/core '; import {Transla

Angular 4.x NgTemplateOutlet and ngtemplateoutlet This command is used based on the existingTemplateRef Object, insert the corresponding embedded view. When the NgTemplateOutlet command is applied[ngTemplateOutletContext] Attribute to setEmbeddedViewRef . The bound context should be an object.let Syntax to declare the property name of the bound context object. Tip: If the let syntax is not bound to any attr

Asp. Net Core, Angular 4 CLI site deployment, angularcli Briefly record how to deploy Asp. Net Core Web Application + Angular app projects under IIS. Environment: IIS 10, Asp. Net Core 2.0, Angular 4 CLI Steps: From step 1 to step 2, you can use batch processing instead

= address.components[0].addresslongname; var city = address.components[0].citylongname; By obtaining the address data can do related operations, such as access to the surrounding shops, the following code for my fictional shopfactory.getshops (Street, City). Then (function (data) { if ( Data.status = = { $scope. Shops = Data.shops; } else{ $log. Error (' Sorry, get the location of the surrounding shop data error: ', data '; } }} ); 4